* {
    padding: 0;
    margin: 0;
}
.saga {
    width: 60%;
    margin: 40px auto;
}
.topic {
    display: flex;
    justify-content: flex-start;
    li {
        list-style: none;
    }
}

.type {
    display: flex;
    flex-direction: column;
    max-height: 500px;
    overflow: scroll;
    margin-right: 20px;
    li {
        width: 100px;
        border: 1px solid #f5f5f5;
        padding: 10px 5px;
        margin-right: 10px;
        text-align: center;
    }
}
.list {
    li {
        list-style: none;
        color: rgb(20, 20, 247);
    }
}

.back {
    padding: 10px 20px 20px 0;
}
.title {
    text-align: right;
    span {
        padding: 5px 10px;
    }
}
.tabs {
    margin-bottom: 20px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    li {
        padding: 10px;
        list-style: none;
    }
}
.active {
    color: orangered;
}
